<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<script type="text/javascript">
	/*
	검색 카테고리를 선택하지 않은 경우, 그상태로 검색 버튼을 누른 경우에는
	경고 메세지를 보여준다.
	*/
 	$(document).ready(function(){ 
		  $("#selectType").change(function(){
			if($(this).val()=="hyphen"){
				alert("검색 할 타입을 선택해주세요");
				return false;
			}//if
		});//change  
	   $("#search").submit(function(){
			   if($("#selectType").val()=="hyphen"){
				alert("검색할 타입을 선택하고 검색 버튼을 눌러주세요");
				return false;
			   }//if
		});//submit
	});//ready 
</script>

<!-- 로그인 한 사용자만 검색버튼을 사용할 수 있게 설정 -->
<c:choose>
	<c:when test="${sessionScope.mvo!=null }">
	
<!-- 게시물 검색 form -->
<form name="searchForm" id="search" method="POST" action="searchByKeyword.inven">
게시물 검색 :<br>
		<!-- option 의 value 값을 select name 을 불러옴으로써 선택값을 넘겨준다. -->
      <select name="keywordType" id="selectType">
         <option value="hyphen" selected>-----</option>
         <option value="title">제목</option>
         <option value="writer">작성자</option>
         <option value="content">내용</option>
         <option value="title_content">제목+내용</option> 
      </select>
  	<input type="text" size="15" maxlength="30" name="keyword">
	<input type="submit" value="검색">
</form> 
</c:when>
</c:choose>

<table class="list_table">
<tr><th colspan="3">멤버방문순위</th></tr>
<c:forEach var="rank" items="${sessionScope.rank }" varStatus="status" >
	<c:choose>
		<c:when test="${status.count==1}">
			<tr><td>${status.count }</td><td><b style="color: #FF3636">${rank.id }</b></td><td>${rank.visits }</td></tr>
		</c:when>
		<c:otherwise>
			<tr><td>${status.count }</td><td>${rank.id }</td><td>${rank.visits }</td></tr>
		</c:otherwise>
	</c:choose>
</c:forEach>
</table>
